<template>
	<a-config-provider :locale="locale">
		<router-view />
	</a-config-provider>
</template>

<script setup name="App">
import { computed } from 'vue';
import enUS from '@arco-design/web-vue/es/locale/lang/en-us';
import zhCN from '@arco-design/web-vue/es/locale/lang/zh-cn';
import useLocale from '@/hooks/locale';
// eslint-disable-next-line no-unused-vars
const { currentLocale } = useLocale();
const locale = computed(() => {
	switch (currentLocale.value) {
		case 'zh-CN':
			return zhCN;
		case 'en-US':
			return enUS;
		default:
			return enUS;
	}
});
</script>
